<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<title>引导页面</title>
<link rel="stylesheet" href="${ctx}/static/css/user/guidline.css" media="all">
<link rel="stylesheet" href="${ctx}/static/plug/frozenui-1.3.0/css/frozen.css" media="all">
</head>
<body ontouchstart="">
	<section class="ui-container">
		<div class="ui-flex ui-flex-ver ui-flex-pack-center ui-flex-align-start content">
			<div class="ui-flex ui-flex-pack-start">
				<div>
					<img src="${ctx}/static/image/user/logo.png" style="height: 55px">
				</div>
				<div>
					<ul class="ui-tiled" style="padding-left: 5px">
						<li>
							<div class="title-text">慧停车</div> 
							<i class="small-text">智慧停车 | 实惠停车</i>
						</li>
					</ul>
				</div>
			</div>
			<div class="ui-flex ui-flex-pack-start" style="padding-top: 20px">
				<div>
					<i class="title-text2" style="color: #248dc2">添加车辆成功！</i>
				</div>
			</div>
			<div class="guidline-content">
				<div class="title-text2">钱包充值享受8折优惠（全城通用）</div>
				<div class="small-text2" style="padding-top: 20px">充值<font>￥100</font> 送<font> 5</font>元券  </div>
				<div class="small-text2">充值<font>￥200</font> 送<font> 20</font>元券     </div>
				<div class="small-text2">充值<font>￥500</font> 送<font> 100</font>元券 </div>
			</div>
			<div style="padding-top: 10px">
				<p class="guidline-desc">不充值也可直接使用，但不享受折扣优惠</p>
			</div>
			<div style="padding-top: 30px;width: 100%">
				<button type="button" class="ui-btn ui-btn-primary" id="rechargeBtn">充值享受优惠</button>
			</div>
			<div style="padding-top: 10px;width: 100%">
				<button class="ui-btn" id="btnCancel" style="width: 100%; height: 40px">暂不充值</button>
			</div>
		</div>
	</section>
</body>
<script src="${ctx}/static/plug/frozenui-1.3.0/js/frozen.js"></script>
<script>
    var paramObj = {
        "topupParams": "${topupParams}",
        "userInfoParams" :"${userInfoParams}"
    };

    $(function() {
        $("#rechargeBtn").click(function() {
            var hrefUrl="${action}?params=" + paramObj.topupParams;
            window.location.href=hrefUrl;
		});

        $("#btnCancel").click(function() {
        	var hrefUrl="${action}?params=" + paramObj.userInfoParams;
            window.location.href=hrefUrl;
        });

	});
</script>
</html>